// vue-cli 4.0提供webpack配置的解决方案

module.exports = {
  // 配置一个loader
  css: {
    loaderOptions: {
      postcss: {
        plugins: [
          require("postcss-pxtorem")({
            rootValue: 75, //px和rem的换算技术 75
            // 忽略转换正则匹配项。插件会转化所有的样式的px。比如引入了三方UI，也会被转化。目前我使用 selectorBlackList字段，来过滤
            //如果个别地方不想转化px。可以简单的使用大写的 PX 或 Px 。
            selectorBlackList: ['ig'],
            propList: ['*'],
            exclude: /node_modules/
          })
        ]
      }
    }
  },
  // vue的跨域问题  使用proxy代理
  devServer: {
    proxy: {
      '/VueHandler': {
        target: "http://127.0.0.1:3000",//目标服务器地址
        ws: true, //webscoket请求
        changeOrigin: true, //是否允许跨域
        pathRewrite: {
          //重写接口中的路径
          '^/VueHandler': '/VueHandler' //需要rewrite的,
        }
      }
    }
  }
}
